Courses / CSS Mastery / Flexbox Playground
Flexbox Playground
Flex-direction, justify-content va align-items ni sinab ko‘ring.
Justify Content
Gap Spacing
Item Width
Show Grid Guides
.container { display: flex; gap: 20px; }
Live Preview
1
2
3
Generated CSS
.container {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 20px;
}
← Box Model
CSS Grid →